﻿@media screen 
{
	
	/**********  [=TEMP]   **********/

.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; }
body {font-size:11px; font-family:Arial;  margin:0px 0px 0px 0px; /*background-color:#000000;*/ }


p {margin:0px 0px 0px; line-height:1.6em;color:#3f3f3f;font-size:12px;}
a img {border:none;}
a {color:#000;text-decoration:none;font-size:11px;}
a:hover {color:#ddd;}
ul { margin:0; padding:0; }
	
	/*********** Extra Style for website ********/
	#contentwrap {width: auto; height:auto; text-align:left; overflow: hidden; background-color:#FFFFFF; background-position:bottom;}
	
	
	/************** Admin  ***************/
   	.contentadmin { padding: 0 0 30px 0; overflow: hidden; width:900px; margin:0 auto 20px; height:100%; min-height: 260px; color: #1a1a1a; }
	.contentadmin .left h1, .content .left h2 { font-size: 20px; color: #FFFFFF; margin: 0 0 1em; }
	.contentadmin .left { float: left; width: 638px; }
	.contentadmin .left .harrier, .content .left .development { margin: 0 0 0 10px; }
	.contentadmin .leftdev h1, .content .leftdev h2 { font-size: 20px; color: #FFFFFF; margin: 0 0 1em 10px; }
	.contentadmin .leftdev { float: left; width: 655px; }
	.contentadmin .right { float: right; width: 282px; }
	.adminright { float: left; margin: 0 10px 10px 0; padding: 5px 10px; border: solid 1px #4dd5ff; background-color: #D1D1D1; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.adminright table { margin-bottom: 10px; }
	.pagerstyle table { margin-bottom: 0px; }
	.loginbox { width: 230px; height: auto; margin: 30px auto 0px; padding:10px;border: solid 1px #4dd5ff; background-color: #D1D1D1; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.loginbox .titletxt { color: #FFFFFF; font-weight: bold; margin:5px; height:21px; background: url(graphics/nav.jpg) repeat-x; border: solid 1px #A1A1A1; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding-top:5px;}
	.chkboxadmin label {margin-left:5px;}
	.titletxt { color: #FFFFFF; font-weight: bold; margin:5px; height:21px; background: url(graphics/nav.jpg) repeat-x; border: solid 1px #A1A1A1;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding-bottom:5px; padding-top:5px;}
	.loginbox label { font-size: 12px; }
	.register label { font-size: 12px; }
	.loginbox input {margin-top:2px;padding:0px 2px; border: solid 1px #4dd5ff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.register input {border: solid 1px #4dd5ff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.loginbox tr { margin-bottom: 10px; overflow: hidden; }
    .version1 {font-size:9px; padding-left:8px;}
    .logintxtlog li {font-size:10px;}
    .logintxtlog li a {text-decoration:none; color:#58585A;}
    .logintxtlog li a:hover {text-decoration:underline;}
	.popupinner {background-color: #D1D1D1; padding: 10px; border: solid 1px #4dd5ff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	.register {width: 265px; height: auto; float: left; margin: 0 10px 10px 0; padding: 5px 10px; border: solid 1px #4dd5ff; background-color: #D1D1D1; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.register table { margin-bottom: 10px; }
	.register table tr {margin:5px 0px;}
	/*-----------------------------> Left Column
					*/
	.leftcolumn { float: left; width: 174px;margin-right:5px; padding:0 0 5px; overflow: hidden; background-color: #D1D1D1; border: solid 1px #4dd5ff; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.leftcolumn a { text-decoration: none; padding: 6px 7px; font-size: 0.7em; }
	.leftcolumn ul { padding-bottom: 20px; background: #fff; }
	.leftcolumn ul li a { display: block; background: #fff; color: #000; font-weight: bold; margin: 1px 0; }
	.leftcolumn ul li a:hover, .leftcolumn ul li a.on { background: #FFFFFF; color: #fff; text-decoration: none; }
	.leftcolumn ul ul { padding: 0; }
	.leftcolumn ul ul li a { font-weight: normal; padding-left: 17px; }
	.leftcolumn ul ul li a:hover, .leftcolumn ul ul li a.on { background: #ccc; color: #000; }

	.leftcolumn .leftnav { padding-bottom: 5px; }
	.leftcolumn .leftnav a { color: #000; font-size: 0.9em !important; font-weight: bold; display: block; }
	.leftcolumn .leftnav table { width: 174px; text-align: left; }
	.leftcolumn .leftnav div table a { padding-left: 20px; }
	.leftcolumn .leftnav div table .hover { background: #333; color: #FFF; }
	.leftcolumn .leftnav div a { font-weight: normal; }
	.leftcolumn .leftnav table td { text-align: left; }
	.leftcolumn .leftnav .hover, .leftcolumn .leftnav .selected, ul.userform li .btn:hover, .gridview .btn:hover { cursor:pointer; background: #FFFFFF; color: #000; }
	.leftcolumn .leftnav div .selected { background: #333; color: #FFF; }
	.leftcolumn a { display: none; }
	.leftcolumn table tr td { display: none; }
	.leftcolumn table tr td + td { display: block; }
	.leftcolumn table img { display: none; }
	.leftcolumn h3 { color: #FFFFFF; margin:5px;font-size:13px; height:21px; background: url(graphics/nav.jpg) repeat-x; border: solid 1px #A1A1A1; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding-top:6px;text-align:center;}

	.userform ul { margin: 15px 0px 0px; }
	.userform li { list-style: none; margin:0px 0 0; width: auto; overflow: hidden; }
	.userform li span, .userform li label { float: left; width: 150px; margin: 7px 0px 8px; font-size: 12px; font-weight: bold; }
	.userform li input { float: left; width: 280px; margin: 5px 20px 5px 0px; border: solid 1px #4dd5ff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.userform li input.btn { margin: 8px 5px 8px 0px; width: 120px; background: url(graphics/nav.jpg) repeat-x;color:#FFFFFF; }
	.userform a { color: #333333; font-size: 13px; margin: 8px 0px 8px; float: left; }
	.userform img { float:left;height:50px;margin-right:30px;width:auto;margin-top:5px; }
	.userform li select { min-width: 100px;margin:5px 0 0; }
	.userform li span.val { width: auto; }
	.userform li textarea.genraltxbbx {padding:5px;margin-top:5px;height:100px;width:270px;font-family:arial;font-size:12px;border: solid 1px #4dd5ff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
	table.gridtable { background-color: #FFFFFF; margin-top: 10px; font-size: 13px; }
	table.gridtable a { color: #1A1A1A; }
	table.gridtable th { padding: 3px 5px; }
	table.gridtable td { padding: 3px 5px; }
	table.gridtableC { background-color: #FFFFFF; margin-top: 10px; font-size: 13px; }
	table.gridtableC a { color: #1A1A1A; }
	table.gridtableC th { padding: 3px 5px; }
	table.gridtableC td { padding: 3px 5px; text-align:center;}

	.adminright h3 { color: #FFFFFF;min-width:450px;display:block; height:21px;font-size:13px; background: url(graphics/nav.jpg) repeat-x; border: solid 1px #A1A1A1; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding-top:6px;text-align:center;width:auto;}
	.register h3 { color: #FFFFFF;min-width:250px;display:block; height:21px;font-size:13px; background: url(graphics/nav.jpg) repeat-x; border: solid 1px #A1A1A1; -moz-border-radius: 5px; -webkit-border-radius: 5px;padding-top:6px;text-align:center;width:auto;padding-bottom:6px;}
	
	.adminright h4 {margin:0px 0px;}
	.Editor img {margin-left:0px; height:auto;}
	
	
	
}
    
